<template>
<el-form class="admin-container" label-position="left"
           label-width="0px">
<el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign">
  <el-form-item label="教师名称">
    <el-input v-model="formLabelAlign.name"></el-input>
  </el-form-item>
  <el-form-item label="所在班级">
    <el-input v-model="formLabelAlign.region"></el-input>
  </el-form-item>
  <el-form-item label="联系电话">
    <el-input v-model="formLabelAlign.type"></el-input>
  </el-form-item>
  <el-link :underline="false" type="primary" @click="dialogFormVisible = true">修改信息</el-link>
</el-form>
</el-form>
</template>
<script>
import Information from './information'
  export default {
    name: "views",
    components:{Information},
    data() {
      return {
        labelPosition: 'right',
        formLabelAlign: {
          name: '',
          region: '',
          type: ''
        }
      };
    }
  }
</script>
<style>
  .admin-container {
    border-radius: 15px;
    background-clip: padding-box;
    margin: 90px auto;
    width: 350px;
    padding: 35px 35px 15px 35px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 25px #cac6c6;
  }

</style>